<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String contextPath = request.getContextPath();
%>

<form:form id="fregisterform" enctype="multipart/form-data" action="Modify.do" commandName="memberCommand">
<!-- //Wrapper -->
<div id="wrapper">

<!-- Contenter_Sub -->

<div id="container_sub">
<!-- Content_List -->
		
<div id="sub_page_bg1"></div>
<!-- Sub Page Background -->

<div id="content_list">
  <div class="title">
	
<div class="title">
	<div class='sub_title'>
		<li>회원정보수정</li>
		<li class='stitle'>회원님의 다양한 활동과 정보를 마이페이지에서 확인하세요.</li>
	</div>
	<div class='navig'>
		<li class='frst'><img src='../image/all/home_icon.png' align='absmiddle' width='13' height='13'><a href='/wedding/index.do'>HOME</a></li>
		<li>위대한 만남</li>
		<li>회원정보수정</li>
		<li>${id}님의 페이지</li>
	</div>
	<!-- sub_menu-->
	<ul class='sub_menu'>		
		<ul class="sub_tab">
			<li><a class='over' href="#">내 정보</a></li>
			<li><a class='rollover' href="<%=contextPath%>/member/paymentList.do">결제내역</a></li>
			<li><a class='rollover' href="#">MY PROPOSE</a></li>
			<li><a class='rollover' href="<%=contextPath%>/member/sendSmsList.do">쪽지함</a></li>
		</ul>
	</ul>
	
	<div>
		<br>
		<nav id ="bo_cate">
			<ul id="bo_cate_ul">
            	<li><a href="<%=contextPath%>/member/PwConfirm.do?id=${id}" id="bo_cate_on">내정보수정</a></li>
            	<li><a href="<%=contextPath%>/member/Delete.do?id=${id}">회원탈퇴</a></li>
      		</ul>
      	</nav>
	</div>

			
<script language="JavaScript"> 
function iFrmReSize() { 
try{ 
var objBody = ifrm.document.body; 
var objFrame = document.all["ifrm"]; 
ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight); 

objFrame.style.height = ifrmHeight 
objFrame.style.width = '100%' 
}catch(e){} 
} 
function init_iframe() { 
iFrmReSize(); 
setTimeout("init_iframe()",100) 
}
$(document).ready(function() {
	init_iframe();
});
</script>

<div class="content_title">
	<h1><span>Member</span><br>modify</h1>
	<p><br>━</p>
	<span class="content_title_s"><strong>Member modify</strong><br><br>나의 정보<br>수정</span>
</div>

<div class="great_date18">
	<h2><font color="#a39c9c" size="5"> ${id}</font><font size="4">님의    개인정보 수정</font></h2>
	 <div class="bo_fx">
	<fieldset class="join_Fieldset">
	<div style="margin:30px 0;" class="189">
	<h4 class="joinTxt-1">기본 정보 수정</h4>
	<form:hidden path="id"/>
	<form:errors element="div"/>
	<div class="joinWrap">
	<div class="row">	
		<label for="name" class="joinLabel-1"><spring:message code="join.form.name"/></label>
		<form:input path="name" class="joinInput-1"/>
		<font color="#c1454a"><form:errors path="name"/></font>
	</div>
	<div class="row">	
		<label for="id" class="joinLabel-1"><spring:message code="join.form.id"/></label>
		${id}		
	</div>		
	<div class="row">	
		<label for="password" class="joinLabel-1">이전 비밀번호</label>
		<form:password path="password" class="joinInput-1"/>
		<font color="#c1454a"><form:errors path="password" /></font>
	</div>			
	<div class="row">			
		<label for="newpassword" class="joinLabel-1">변경할 비밀번호</label>
		<form:password path="newpassword" class="joinInput-1"/>
		<font color="#c1454a"><form:errors path="newpassword"/></font>	
	</div>							
	<div class="row">			
		<label for="passwordconfirm" class="joinLabel-1"><spring:message code="join.form.passwordconfirm"/></label>
		<form:password path="passwordconfirm" class="joinInput-1"/>
		<font color="#c1454a"><form:errors path="passwordconfirm"/></font>	
	</div>	
	<div class="row">			
		<label for="spassword" class="joinLabel-1"><spring:message code="join.form.spassword"/></label>
		<form:select path="spassword">
				<form:option value="1">내가 다닌 초등학교 이름은?</form:option>
				<form:option value="2">어머님 성함은?</form:option>
				<form:option value="3">가장 좋아하는 색은?</form:option>
		</form:select>
		<font color="#c1454a"><form:errors path="spassword"/></font>
	</div>				
	<div class="row">
					<label for="apassword" class="joinLabel-1"><spring:message code="join.form.apassword"/></label>
					<form:input path="apassword" class="joinInput-1"/>
					<font color="#c1454a"><form:errors path="apassword"/></font>
			</div>
			<div class="row">		
					<label for="email" class="joinLabel-1"><spring:message code="join.form.email"/></label>
					<form:input path="email1" size="12"/> @
					<form:select path="email2">
						<form:option value="naver.com">naver.com</form:option>
						<form:option value="daum.net">daum.net</form:option>
						<form:option value="nate.com">nate.com</form:option>
					</form:select>
					<font color="#c1454a"><form:errors path="email1"/></font>
			</div>
			<div class="row">
					<label for="phone" class="joinLabel-1"><spring:message code="join.form.phone"/></label>
					<form:select path="phone1">
						<form:option value="010">010</form:option>
						<form:option value="011">011</form:option>
						<form:option value="016">016</form:option>
						<form:option value="017">017</form:option>
						<form:option value="018">018</form:option>
						<form:option value="019">019</form:option>
					</form:select>-
					<form:input path="phone2" maxlength="4" size="5"/>-<form:input path="phone3" maxlength="4" size="5"/>
					<font color="#c1454a"><form:errors path="phone2"/></font>
			</div>				
			<div class="row" >
					<label for="birth" class="joinLabel-1"><spring:message code="join.form.birth"/></label>
				
					<form:select path="birth1">
						<form:option value="1">선택하세요.</form:option>
						<form:option value="1950">1950 이전</form:option>
						<form:option value="1951">1951</form:option>
						<form:option value="1952">1952</form:option>
						<form:option value="1953">1953</form:option>
						<%-- <form:option value="1954">1954</form:option>
						<form:option value="1955">1955</form:option>
						<form:option value="1956">1956</form:option>
						<form:option value="1957">1957</form:option>
						<form:option value="1958">1958</form:option>
						<form:option value="1959">1959</form:option>
						<form:option value="1960">1960</form:option>
						<form:option value="1961">1961</form:option>
						<form:option value="1962">1962</form:option>
						<form:option value="1963">1963</form:option>
						<form:option value="1964">1964</form:option>
						<form:option value="1965">1965</form:option>
						<form:option value="1966">1966</form:option>
						<form:option value="1967">1967</form:option>
						<form:option value="1968">1968</form:option>
						<form:option value="1969">1969</form:option>
						<form:option value="1970">1970</form:option>
						<form:option value="1971">1971</form:option>
						<form:option value="1972">1972</form:option>
						<form:option value="1973">1973</form:option>
						<form:option value="1974">1974</form:option>
						<form:option value="1975">1975</form:option>
						<form:option value="1976">1976</form:option>
						<form:option value="1977">1977</form:option>
						<form:option value="1978">1978</form:option>
						<form:option value="1979">1979</form:option>
						<form:option value="1980">1980</form:option>
						<form:option value="1981">1981</form:option>
						<form:option value="1982">1982</form:option>
						<form:option value="1983">1983</form:option>
						<form:option value="1984">1984</form:option>
						<form:option value="1985">1985</form:option>
						<form:option value="1986">1986</form:option>
						<form:option value="1987">1987</form:option>
						<form:option value="1988">1988</form:option>
						<form:option value="1989">1989</form:option>
						<form:option value="1990">1990</form:option>
						<form:option value="1991">1991</form:option>
						<form:option value="1992">1992</form:option>
						<form:option value="1993">1993</form:option>
						<form:option value="1994">1994</form:option>
						<form:option value="1995">1995</form:option>
						<form:option value="1996">1996</form:option>
						<form:option value="1997">1997</form:option>
						<form:option value="1998">1998</form:option>
						<form:option value="1999">1999</form:option>
						<form:option value="2000">2000 이후</form:option> --%>
					</form:select>년
					<form:input path="birth2" maxlength="4" size="5"/>월 <form:input path="birth3" maxlength="4" size="5"/>일
					<%-- <form:select path="birth2">
						<form:option value="unchecked">선택하세요.</form:option>
						<form:option value="1">1</form:option>
						<form:option value="2">2</form:option>
						<form:option value="3">3</form:option>
						<form:option value="4">4</form:option>
						<form:option value="5">5</form:option>
						<form:option value="6">6</form:option>
						<form:option value="7">7</form:option>
						<form:option value="8">8</form:option>
						<form:option value="9">9</form:option>
						<form:option value="10">10</form:option>
						<form:option value="11">11</form:option>
						<form:option value="12">12</form:option>
					</form:select>
					<form:select path="birth3">
						<form:option value="unchecked">선택하세요.</form:option>
						<form:option value="1">1</form:option>
						<form:option value="2">2</form:option>
						<form:option value="3">3</form:option>
						<form:option value="4">4</form:option>
						<form:option value="5">5</form:option>
						<form:option value="6">6</form:option>
						<form:option value="7">7</form:option>
						<form:option value="8">8</form:option>
						<form:option value="9">9</form:option>
						<form:option value="10">10</form:option>
						<form:option value="11">11</form:option>
						<form:option value="12">12</form:option>
						<form:option value="13">13</form:option>
						<form:option value="14">14</form:option>
						<form:option value="15">15</form:option>
						<form:option value="16">16</form:option>
						<form:option value="17">17</form:option>
						<form:option value="18">18</form:option>
						<form:option value="19">19</form:option>
						<form:option value="20">20</form:option>
						<form:option value="21">21</form:option>
						<form:option value="22">22</form:option>
						<form:option value="23">23</form:option>
						<form:option value="24">24</form:option>
						<form:option value="25">25</form:option>
						<form:option value="26">26</form:option>
						<form:option value="27">27</form:option>
						<form:option value="28">28</form:option>
						<form:option value="29">29</form:option>
						<form:option value="30">30</form:option>
						<form:option value="31">31</form:option>
					</form:select> --%>
					<font color="#c1454a"><form:errors path="birth3"/></font>
				</div>	
				<div class="row">
				<label for="sex" class="joinLabel-1"><spring:message code="join.form.sex"/></label>
				
					<form:radiobutton path="sex" label="남" value="1"/>
					<form:radiobutton path="sex" label="여" value="2"/>
					<font color="#c1454a"><form:errors path="sex"/></font>
				</div>	
	</div>
</div>

<div style="margin:30px 0;">
		<h4 class="joinTxt-1">부가 프로필 수정(선택사항)</h4>
		<div class="joinWrap" >
			<div class="row">
			 <label for="region"  class="joinLabel-1"><spring:message code="join.form.region"/></label>
		<form:select path="region">
						<form:option value="1">서울</form:option>
						<form:option value="2">인천</form:option>
						<form:option value="3">대전</form:option>
						<form:option value="4">광주</form:option>
						<form:option value="5">대구</form:option>
						<form:option value="6">울산</form:option>
						<form:option value="7">부산</form:option>
						<form:option value="8">경기</form:option>
						<form:option value="9">강원</form:option>
						<form:option value="10">충북</form:option>
						<form:option value="11">충남</form:option>
						<form:option value="12">전북</form:option>
						<form:option value="13">전남</form:option>
						<form:option value="14">경북</form:option>
						<form:option value="15">경남</form:option>
						<form:option value="16">제주</form:option>
					</form:select>
					</div>
					<div class="row">
					<label for="religion" class="joinLabel-1"><spring:message code="join.form.religion"/></label>
					<form:select path="religion">
						<form:option value="1">기독교</form:option>
						<form:option value="2">천주교</form:option>
						<form:option value="3">불교</form:option>
						<form:option value="4">기타</form:option>
					</form:select>
					</div>
					<div class="row">
					<label for="acaability" class="joinLabel-1"><spring:message code="join.form.acaability"/></label>
					<form:select path="acaability">
						<form:option value="1">초등학교 졸업</form:option>
						<form:option value="2">초등학교 졸업</form:option>
						<form:option value="3">초등학교 졸업</form:option>
						<form:option value="4">초등학교 졸업</form:option>
						<form:option value="5">전문대 졸업</form:option>
						<form:option value="6">대학교 졸업 이상</form:option>
					</form:select>
					</div>
					<div class="row">
					<label for="job" class="joinLabel-1"><spring:message code="join.form.job"/></label>
					<form:select path="job">
						<form:option value="1">공무원</form:option>
						<form:option value="2">회사원</form:option>
						<form:option value="3">전문직</form:option>
						<form:option value="4">자영업</form:option>
						<form:option value="5">기타</form:option>
					</form:select>
					</div>	
					<div class="row">
					<label for="salary" class="joinLabel-1"><spring:message code="join.form.salary"/></label>
					<form:input path="salary" size="8" maxlength="6"/>만원				
					</div>
					<div class="row">
					<label for="height" class="joinLabel-1"><spring:message code="join.form.height"/></label>
					<form:select path="height">
						<form:option value="150">150cm 이하</form:option>
						<form:option value="151">151cm</form:option>
						<form:option value="152">152cm</form:option>
						<form:option value="153">153cm</form:option>
						<form:option value="154">154cm</form:option>
						<form:option value="155">155cm</form:option>
						<form:option value="156">156cm</form:option>
						<form:option value="157">157cm</form:option>
						<form:option value="158">158cm</form:option>
						<form:option value="159">159cm</form:option>
						<form:option value="160">160cm</form:option>
						<form:option value="161">161cm</form:option>
						<form:option value="162">162cm</form:option>
						<form:option value="163">163cm</form:option>
						<form:option value="164">164cm</form:option>
						<form:option value="165">165cm</form:option>
						<form:option value="166">166cm</form:option>
						<form:option value="167">167cm</form:option>
						<form:option value="168">168cm</form:option>
						<form:option value="169">169cm</form:option>
						<form:option value="170">170cm</form:option>
						<form:option value="171">171cm</form:option>
						<form:option value="172">172cm</form:option>
						<form:option value="173">173cm</form:option>
						<form:option value="174">174cm</form:option>
						<form:option value="175">175cm</form:option>
						<form:option value="176">176cm</form:option>
						<form:option value="177">177cm</form:option>
						<form:option value="178">178cm</form:option>
						<form:option value="179">179cm</form:option>
						<form:option value="180">180cm</form:option>
						<form:option value="181">181cm</form:option>
						<form:option value="182">182cm</form:option>
						<form:option value="183">183cm</form:option>
						<form:option value="184">184cm</form:option>
						<form:option value="185">185cm</form:option>
						<form:option value="186">186cm</form:option>
						<form:option value="187">187cm</form:option>
						<form:option value="188">188cm</form:option>
						<form:option value="189">189cm</form:option>
						<form:option value="190">190cm 이상</form:option>
					</form:select>
					</div>
					<div class="row">
						<label for="weight" class="joinLabel-1"><spring:message code="join.form.weight"/></label>
					<form:select path="weight">
						<form:option value="40">40kg 이하</form:option>
						<form:option value="41">41kg</form:option>
						<form:option value="42">42kg</form:option>
						<form:option value="43">43kg</form:option>
						<form:option value="44">44kg</form:option>
						<form:option value="45">45kg</form:option>
						<form:option value="46">46kg</form:option>
						<form:option value="47">47kg</form:option>
						<form:option value="48">48kg</form:option>
						<form:option value="49">49kg</form:option>
						<form:option value="50">50kg</form:option>
						<form:option value="51">51kg</form:option>
						<form:option value="52">52kg</form:option>
						<form:option value="53">53kg</form:option>
						<form:option value="54">54kg</form:option>
						<form:option value="55">55kg</form:option>
						<form:option value="56">56kg</form:option>
						<form:option value="57">57kg</form:option>
						<form:option value="58">58kg</form:option>
						<form:option value="59">59kg</form:option>
						<form:option value="60">60kg</form:option>
						<form:option value="61">61kg</form:option>
						<form:option value="62">62kg</form:option>
						<form:option value="63">63kg</form:option>
						<form:option value="64">64kg</form:option>
						<form:option value="65">65kg</form:option>
						<form:option value="66">66kg</form:option>
						<form:option value="67">67kg</form:option>
						<form:option value="68">68kg</form:option>
						<form:option value="69">69kg</form:option>
						<form:option value="70">70kg</form:option>
						<form:option value="71">71kg</form:option>
						<form:option value="72">72kg</form:option>
						<form:option value="73">73kg</form:option>
						<form:option value="74">74kg</form:option>
						<form:option value="75">75kg</form:option>
						<form:option value="76">76kg</form:option>
						<form:option value="77">77kg</form:option>
						<form:option value="78">78kg</form:option>
						<form:option value="79">79kg</form:option>
						<form:option value="80">80kg</form:option>
						<form:option value="81">81kg</form:option>
						<form:option value="82">82kg</form:option>
						<form:option value="83">83kg</form:option>
						<form:option value="84">84kg</form:option>
						<form:option value="85">85kg</form:option>
						<form:option value="86">86kg</form:option>
						<form:option value="87">87kg</form:option>
						<form:option value="88">88kg</form:option>
						<form:option value="89">89kg</form:option>
						<form:option value="90">90kg 이상</form:option>
					</form:select>
					</div>
					<div class="row">
					<label for="bloodtype"  class="joinLabel-1"><spring:message code="join.form.bloodtype"/></label>
					<form:select path="bloodtype">
						<form:option value="A">A형</form:option>
						<form:option value="B">B형</form:option>
						<form:option value="AB">AB형</form:option>
						<form:option value="O">O형</form:option>
					</form:select>
					</div>
					<div class="row">
						<label for="exmarry"  class="joinLabel-1"><spring:message code="join.form.exmarry"/></label>
					<form:radiobutton path="exmarry" label="초혼" value="1"/>
					<form:radiobutton path="exmarry" label="재혼" value="2"/>
					</div>
					<div class="row">
					<label for="upload" class="joinLabel-1"><spring:message code="join.form.upload"/></label>
					<input type="file" name="upload" id="upload">
					<c:if test="${!empty memberCommand.photo}">
						<span><font size="2"><br>(${memberCommand.photo}) 사진이 등록되어 있습니다.<br>
						새 사진을 업로드하면 기존 사진은 삭제됩니다.</font></span>
					</c:if>
					</div>
				</div>
			</div>
			<div style="text-align:center">
				<input type="submit" value="<spring:message code="write.form.submit"/>" class="btn_submit">
				<a href="myPage.do?id=${id}" class="btn_cancel">취소</a>
		
	<fieldset></fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


</form:form>